<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">实时洞察</li>
            </ul>
        </div>
    </div>
</div>
<style type="text/css">
td, th {
    /*padding: 15px;*/
    border-bottom: 1px solid silver;
    height: 30px;
}
</style>
<div class="container-fluid">
    <div style="margin-left: 10px">
        <label>获取指定时间段内多维度的数据</label>
    </div>
    <div style="border:1px solid #f0f0f0">
        <div style="margin: 10px">
            <table style="border-collapse:separate; border-spacing:10px;">
                <tr>
                    <td style="border-bottom:0" align="right">主题名:
                        <select ng-model="vm.p.topic" ng-options="x.topic for x in vm.d.topicDefine" style="width:168px;"/>
                    </td>
                    <td style="border-bottom:0" align="right">指标:
                        <select ng-model="vm.p.index" ng-options="x for x in vm.p.topic.indexs" style="width:168px;"/>
                    </td>
                    <td style="border-bottom:0">
                        时间范围:
                        <div style="position:relative;display:inline-block;">
                            <select id="selTime" style="width:270px;height:22px;" ng-model="vm.search.ts" ng-change="changeSearchTime()">
                                <option value="0">当天</option>
                                <option value="1">近1天</option>
                                <option value="3">近3天</option>
                                <option value="7">近7天</option>
                                <option value="15">近15天</option>
                            </select>
                            <div id="divSetTime" style="display:inline;position:absolute;left:0;top:0;">
                                <!--<input id="time" type="text" name="time" style="width:150px;" ng-model="vm.search.time">-->
                                <input type="text" ng-model="vm.p.dt" placeholder="19990101" style="width:118px;height:22px;"/>
                                - &nbsp;<input type="text" ng-model="vm.p.dt2" placeholder="19990101" style="width:118px;height:22px;"/>
                            </div>
                        </div>
                    </td>
                    <td style="border-bottom:0"><button ng-click="querySeries()" style="min-width:80px;">查询</button></td>
                </tr><tr>
                    <td style="border-bottom:0" align="right">维度名:
                        <select ng-model="vm.p.dim" ng-options="x.name for x in vm.p.topic.dims" style="width:168px;"/>
                    </td>
                    <td style="border-bottom:0" align="right">维度值:
                        <input type="text" ng-model="vm.p.dimVal" style="width:168px;"/>
                    </td>
                    <td style="border-bottom:0">
                        <button ng-click="appendDim('and')" style="min-width:40px;">and</button>
                        <button ng-click="appendDim('or')" style="min-width:40px;">or</button>
                    </td>
                </tr><tr>
                    <td style="border-bottom:0" colspan="3">过滤条件:
                        <input type="text"  ng-model="vm.p.filter" style="width:568px;"/>
                    </td>

                    <!--<td style="border-bottom:0">-->
                    <!--<select ng-model="vm.p.orderType2" ng-options="x for x in orderTypes2" style="width:168px;"/>-->
                    <!--</td>-->
                </tr>
            </table>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 col-md-12 no-padding" ng-repeat="item in vm.yeWuResult">
            <div class="col-sm-6 col-md-6">
                <div id="zl_{{item.orderId}}" class="highchart_trends_high"></div>
            </div>
        </div>
    </div>
</div><!--/.container-->
